<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-combined.min.css">
    <link rel="stylesheet" href="css/bootstrapEx.css">


    <script src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>

<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="container-fluid">
                            <a class="btn btn-navbar" data-target=".navbar-responsive-collapse" data-toggle="collapse"></a> <a class="brand" href="#">JQ-Bootstrap扩展</a>
                            <div class="nav-collapse navbar-responsive-collapse">
                                <ul class="nav">
                                </ul>
                                <ul class="nav pull-right">
                                    <li class="divider-vertical">
                                    </li>
                                    <li class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">联系我</a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">下拉导航1</a>
                                            </li>
                                            <li>
                                                <a href="#">下拉导航2</a>
                                            </li>
                                            <li>
                                                <a href="#">其他</a>
                                            </li>
                                            <li class="divider">
                                            </li>
                                            <li>
                                                <a href="#">链接3</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="">
                <div class="span2 leftmenu">
                    <ul class="widget widget-menu unstyled">
                        <li class="ultitle">
                            <span>通用</span>
                        </li>
                        <li class="active">
                            <a href="#">通用方法</a>
                        </li>
                    </ul>
                    <ul class="widget widget-menu unstyled">
                        <li class="ultitle">
                            <span>Modal</span>
                        </li>
                        <li class="active">
                            <a href="#">Modal基本功能</a>
                        </li>
                        <li>
                            <a href="#">Modal事件</a>
                        </li>
                    </ul>

                    <ul class="widget widget-menu unstyled">
                        <li class="ultitle">
                            <span>Tab</span>
                        </li>
                        <li>
                            <a href="#">Tab基本功能</a>
                        </li>
                        <li>
                            <a href="#">Tab事件</a>
                        </li>
                    </ul>
                    <ul class="widget widget-menu unstyled">
                        <li class="ultitle">
                            <span>表单</span>
                        </li>
                        <li>
                            <a href="#">表单绘制</a>
                        </li>
                        <li>
                            <a href="#">表单设置值</a>
                        </li>
                        <li>
                            <a href="#">表单得到值</a>
                        </li>
                    </ul>
                </div>
                <div class="span10">
                    <div class="" id="tabs-727463">
                        <iframe id="if-main" src="Modal/index.html" style="min-height: 285px;" width="100%" height="100%" frameborder="0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    $(document).ready(function () {
        setTimeout(function () {
            var fheight = $('#footer').parent().height();
            var iftop =  $('#if-main').offset().top;
            $('#if-main').css('min-height', $(window).height() - fheight - iftop - 10);
        }, 0);
    });
</script>
</html>